//setting
.form-ql-editor{
  overflow: inherit !important;
  .base-editor-container{
    .ql-editor {
      max-height: 200px;
    }
    .ql-snow{
      border: 1px solid $border-color-base;
      border-radius: 0 0 4px 4px;
      a{
        color: $color-primary !important;
      }
    }
    .ql-toolbar{
      background: #fafafa;
      padding: 5px 3px;
      border: 1px solid $border-color-base;
      border-radius: 4px 4px 0 0;

      .ql-picker-label,.ql-picker-item{
        outline: none;
        &:hover{
          color:$color-primary !important;
          .ql-stroke{
            stroke:$color-primary !important;
          }
        }
      }
      .ql-formats{
        margin-right: 0;
        button{
          width: 27px;
          height: 22px;
           &:hover{
            color:$color-primary !important;
            .ql-stroke{
              stroke:$color-primary !important;
            }
          }
          
        }
        .ql-active{
            color: $color-primary !important;
            .ql-stroke{
              stroke:$color-primary !important;
            }
          }
        .ql-size{
          width: 68px;
        }
      }      
    }
  }
}
//common编辑器公共format style
.form-ql-editor {
  padding: 3px 5px;
  .ql-editor {
    p{
      margin-bottom:0; 
    }
    img{
      width: 80px;
      height: 80px;
      margin: 10px 10px 10px 0;
      object-fit: cover;
    }
    .ql-video{
      width: 100%;
      height: 197px; 
      margin-bottom: 5px;
    }
    a{
      @include fontColor();
      text-decoration: underline;
    }
  }
}
.form-editor{
  .ql-video{
    width: 60% !important;
  }
}